<%--
  Created by IntelliJ IDEA.
  User: Eric
  Date: 2015/8/17
  Time: 10:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh_CN">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <link href="/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/plugins/bootstrap-toastr/toastr.min.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->

    <!-- END PAGE LEVEL SCRIPTS -->
    <!-- BEGIN THEME STYLES -->
    <link href="/css/common/components.css" rel="stylesheet" type="text/css"/>
    <link href="/css/common/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="/css/common/layout.css" rel="stylesheet" type="text/css"/>
    <link href="/css/common/themes/default.css" rel="stylesheet" type="text/css"/>
    <link href="/css/common/custom.css" rel="stylesheet" type="text/css"/>

    <!-- END THEME STYLES -->
    <link href="/css/system/login/login.css" rel="stylesheet" type="text/css"/>
    <link rel="shortcut icon" href="/img/favicon.ico"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="login">
<div class="page-header navbar navbar-fixed-top login-nav">
    <!-- BEGIN HEADER INNER -->
    <div class="page-header-inner">
        <!-- BEGIN LOGO -->
        <div class="page-logo">
            <%--<a href="javascript:;">--%>
            <%--<img src="/img/logo.gif" alt="logo" class="logo-default"/>--%>
            <%--</a>--%>
            <div class="page-logo-title">
                <%--<img src="/img/logo.gif" alt="logo" class="logo-default"/>--%>
            </div>
        </div>
        <!-- END LOGO -->
        <!-- BEGIN TOP NAVIGATION MENU -->
        <div class="top-menu">
            <ul class="nav navbar-nav pull-right">
                <!-- BEGIN USER LOGIN DROPDOWN -->
                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
                <li class="dropdown dropdown-user">
                    <a href="#userRegister_modal" data-toggle="modal" id="userRegister_btn" class="dropdown-toggle">
                        <i class="fa fa-plus"></i>
                        <span class="username username-hide-on-mobile"> 注册 </span>
                        <i>&nbsp;&nbsp;&nbsp;</i>
                    </a>
                </li>
                <li class="dropdown dropdown-user">
                    <a href="/download/ChromeStandalone_47.exe" class="dropdown-toggle">
                        <i class="fa fa-cloud-download"></i>
                        <span class="username username-hide-on-mobile"> 客户端下载 </span>
                        <i>&nbsp;&nbsp;&nbsp;</i>
                    </a>
                </li>
                <li class="dropdown dropdown-user">
                    <a href="/download/《北京市行政执法信息服务平台管理系统-用户手册》.pdf" class="dropdown-toggle">
                        <i class="fa fa-lightbulb-o"></i>
                        <span class="username username-hide-on-mobile">用户手册 </span>
                        <i>&nbsp;&nbsp;&nbsp;</i>
                    </a>
                </li>
                <%--<li class="dropdown dropdown-user">--%>
                <%--<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">--%>
                <%--<i class="fa fa-phone"></i>--%>
                <%--<span class="username username-hide-on-mobile"> 联系我们 </span>--%>
                <%--<i class="fa fa-angle-down"></i>--%>
                <%--</a>--%>
                <%--<ul class="dropdown-menu dropdown-menu-default dropdown-link">--%>
                <%--<li>--%>
                <%--<table>--%>
                <%--<tr><td><b>公司地址:</b> 北京市海淀区北四环西路9号银谷大厦14层</td></tr>--%>
                <%--<tr><td><b>邮政编码:</b> 10020</td></tr>--%>
                <%--<tr><td><b>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:</b> beidasoft@163.com</td></tr>--%>
                <%--<tr><td><b>联系电话:</b> 010-788213214</td></tr>--%>
                <%--</table>--%>
                <%--</li>--%>
                <%--</ul>--%>
                <%--</li>--%>
                <%--<li class="dropdown dropdown-user">--%>
                <%--<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">--%>
                <%--<i class="glyphicon glyphicon-qrcode" style="font-size: 12px"></i>--%>
                <%--<span class="username username-hide-on-mobile"> 关注我们 </span>--%>
                <%--<i class="fa fa-angle-down"></i>--%>
                <%--</a>--%>
                <%--<ul class="dropdown-menu dropdown-menu-default">--%>
                <%--<li class="text-center">--%>
                <%--<img src="/img/common/qr.png" alt="logo" class="logo-default"/>--%>
                <%--<p class="text-center"> 北大软件工程发展有限公司 </p>--%>
                <%--</li>--%>

                <%--</ul>--%>
                <%--</li>--%>

            </ul>
        </div>
        <!-- END TOP NAVIGATION MENU -->
    </div>
    <!-- END HEADER INNER -->
</div>

<div class="page-container" id="LoginOption_Area">
    <!-- BEGIN LOGIN -->
    <div class="content" id="userLoginContent">
        <!-- BEGIN LOGIN FORM -->
        <form class="login-form" action="/system/login" method="post">
            <h3 class="form-title" style="color: #2c2a2a;">账号登录</h3>
            <div class="alert alert-danger display-hide">
                <button type="button" class="close" data-close="alert" id="btn_error_close"></button>
                <span> 输入用户名和密码. </span>
            </div>
            <div class="form-group">
                <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                <label class="control-label visible-ie8 visible-ie9">账号</label>
                <div class="input-icon">
                    <i class="fa fa-user"></i>
                    <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="请输入账号"
                           id="username" name="username"/>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">密码</label>
                <div class="input-icon">
                    <i class="fa fa-lock"></i>
                    <input class="form-control placeholder-no-fix" type="password" autocomplete="off"
                           placeholder="请输入密码" id="password" name="password"/>
                </div>
            </div>
            <div class="form-group form-inline">
                <%--style="width:195px;height: 34px;outline: none;border: none;font-size: 14px;"
                style="height: 34px;width:99.5px;"
                --%>
                <input type="text" id="verifyCode" name="verifyCode" class="form-control placeholder-no-fix check"
                       placeholder="验证码" onmouseover="$(this).select() " autocomplete="off">
                <img id="vimage" class="form-control placeholder-no-fix pic" src="${path}/system/generate"
                     title="点击图片切换验证码" alt="点击刷新">
            </div>
            <div class="form-actions">

                <button type="button" class="btn blue btn-lg col-md-5 col-md-offset-3" id="login">
                    登录
                </button>
                <a class="btn" style="margin-top: 8px;" id="replace_userRegister_btn">忘记密码？</a>
                <%--<button type="button" class="btn blue" id="replace_userRegister_btn">注册</button>--%>
            </div>
        </form>
    </div>
    <!-- END LOGIN -->

    <!-- BEGIN REGISTER -->
    <div class="content hidden" id="userRefindAccount">
        <!-- BEGIN REGISTER FORM -->
        <form class="form-horizontal" id="replace_userRefindAccount">
            <h3 class="form-title">账号找回</h3>
            <div class="alert alert-danger display-hide">
                <button type="button" class="close" data-close="alert" id="userRefind_btn_error_close"></button>
                <span> 输入身份证号. </span>
            </div>
            <div style="margin-right: 10%;margin-left: 10%;">
                <div class="form-group">
                    <label class="control-label">身份证号</label>
                    <input class="form-control placeholder-no-fix userRefind-input" type="text" autocomplete="off"
                           placeholder="请输入身份证号" name="userRefind_userPersonId" id="userRefind_userPersonId"/>
                </div>
                <div id="userInfoSearchResult" class="hidden">
                    <div class="form-group">
                        <label class="control-label">账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</label>
                        <input class="form-control placeholder-no-fix userRefind-input" type="text" autocomplete="off"
                               placeholder="请输入帐号" name="userRefind_name"
                               id="userRefind_username_input" readonly/>
                    </div>
                    <div class="form-group">
                        <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                        <label class="control-label ">新&nbsp;&nbsp;密&nbsp;&nbsp;码</label>
                        <input class="form-control placeholder-no-fix userRefind-input" type="password"
                               autocomplete="off" placeholder="请输入密码" name="userRefind_password"
                               id="userRefind_password"/>
                    </div>
                    <div class="form-group">
                        <label class="control-label">确认密码</label>
                        <input class="form-control placeholder-no-fix userRefind-input" type="password"
                               autocomplete="off" placeholder="确认密码" name="userRefind_rePassword"/>
                    </div>
                </div>
            </div>
            <div class="form-actions">
                <button type="button" class="btn red col-md-5" id="userRegister_back"><i class="fa fa-reply">&nbsp;</i>&nbsp;返回
                </button>
                <button type="button" class="btn blue col-md-5 button-submit" style="float: right;"
                        id="userRefindAccount_search_btn">
                    <i class="fa fa-search"></i> &nbsp;找回
                </button>
                <button type="submit" class="btn blue col-md-5 button-submit hidden" style="float: right;"
                        id="userRefindAccount_submit_btn">
                    <i class="fa fa-send"></i> &nbsp;提交
                </button>
            </div>
        </form>
    </div>
</div>
<!-- END REGISTER -->
</div>

<!-- BEGIN REGISTER MODAL -->
<div class="modal fade" id="userRegister_modal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="basic"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-hyaline-content">

        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- END REGISTER MODAL -->

<!-- BEGIN COPYRIGHT -->
<div class="navbar navbar-fixed-bottom" role="navigation">
    <div class="container-fluid">
        <div class="copyright"><font id="login_bottom_left"></font> | <a href="about.jsp" target="_blank"
                                                                         style="color: #D5D1CD">技术支持</a></div>
    </div>
</div>
<!-- END COPYRIGHT -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="/plugins/respond/respond.min.js"></script>
<![endif]-->
<script src="/plugins/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="/plugins/jquery/jquery-migrate.min.js" type="text/javascript"></script>
<script src="/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/plugins/bootstrap-toastr/toastr.min.js" type="text/javascript"></script>

<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>
<script src="/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="/scripts/common/metronic.js" type="text/javascript"></script>
<script src="/scripts/common/md5.js" type="text/javascript"></script>
<script src="/scripts/common/util.js" type="text/javascript"></script>
<script src="/scripts/system/login/login.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
    jQuery(document).ready(function () {
        Login.init();
    });
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>

